.olControlPanel{ 
  left: 67px;
  top: 21px;
}

.olControlPanel div { 
  display: block;
  width: 24px;
  height: 22px;
  margin: 3px;
  background-color: red;
  float: left;
}

.olControlPanel .olControlMouseDefaultsItemActive { 
  background-color: blue;
  background-image: url("../images/pan_on.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlMouseDefaultsItemInactive { 
  background-color: orange;
  background-image: url("../images/pan_off.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlZoomBoxItemInactive { 
  background-color: orange;
  background-image: url("../images/zoom_off.png");
  background-repeat:no-repeat;
  width:  22px;
}

.olControlPanel .olControlZoomBoxItemActive { 
  background-color: blue;
  background-image: url("../images/zoom_on.png");
  background-repeat:no-repeat;
  width:  22px;
}

.olControlPanel .olControlDrawFeaturePointItemInactive { 
  background-image:url("../images/add_point_off.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlDrawFeaturePointItemActive { 
  background-image:url("../images/add_point_on.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlDrawFeatureBoundingBoxItemInactive { 
  background-image:url("../images/draw_bbox_off.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlDrawFeatureBoundingBoxItemActive { 
  background-image:url("../images/draw_bbox_on.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlDrawFeaturePolygonItemInactive { 
  background-image:url("../images/draw_polygon_off.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlDrawFeaturePolygonItemActive { 
  background-image:url("../images/draw_polygon_on.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlDrawFeaturePathItemInactive { 
  background-image:url("../images/draw_line_off.png");
  background-repeat:no-repeat;
}

.olControlPanel .olControlDrawFeaturePathItemActive { 
  background-image:url("../images/draw_line_on.png");
  background-repeat:no-repeat;
}

/*
.olControlEditingToolbar .olControlZoomBoxItemInactive { 
width:  25px;
height: 25px;
background-color: orange;
background-image: url("../openlayers/img/drag-rectangle-off.png");
}
.olControlEditingToolbar .olControlZoomBoxItemActive { 
width:  25px;  
height: 25px;
background-color: blue;
background-image: url("../openlayers/img/drag-rectangle-on.png");
}
*/

.olControlEditingToolbar {
  left: 80px;
}
